<ul class="pagination pull-right">
    <li>
    	<a href="javascript:void(0)" data-bind="click: getFirstPage, visible: goToFirstVisible"><i class="icon-double-angle-left"></i></a>
   	</li>
    <li>
    	<a href="javascript:void(0)" data-bind="click: getPreviousPage, visible: isFirstPage() == false"><i class="icon-angle-left"></i></a>
   	</li>
    
    <!-- ko foreach: pagesToShow -->
    <li>
    	<a href="javascript:void(0)" data-bind="visible: $parent.showPagingNumbers(), text: $data, disable: $data == $parent.currentPage(), click: function (event, data){ $parent.getPage($data);}, css: { active: $data == $parent.currentPage() } "></a>
    </li>
    <!-- /ko -->
    
    <li>
    	<a href="javascript:void(0)" data-bind="click: getNextPage, visible: moreItems"><i class="icon-angle-right"></i></a> 
    </li>
    <li>
    	<a href="javascript:void(0)" data-bind="click: getLastPage, visible: goToLastVisible"><i class="icon-double-angle-right"></i></a> 
    </li>
</ul>